$(document).ready(function(){
  // Creates canvas 320 × 200 at 10, 50
  var paper = Raphael('canvas_container', 500, 500);

  // Creates circle at x = 50, y = 40, with radius 10
  var circle = paper.circle(100, 100, 100);
  // Sets the fill attribute of the circle to red (#f00)
  circle.attr("fill", "#fff");

  circle.attr("stroke", "#000");
  circle.click(function(){
    alert('hey');
  });
  
  var anim = Raphael.animation({cx: 200, cy: 200, fill:"#f00"}, 5000, "elastic");
  circle.animate(anim);
});

